* {
  margin: 0;
  padding: 0;
  list-style: none; }

header {
  width: 100%;
  background: #EEEEEE; }
  header nav {
    width: 1200px;
    height: 33px;
    margin-left: 200px;
    font-size: 12px; }
    header nav img {
      width: 22px;
      height: 20px; }

#zhuti {
  overflow: hidden;
  width: 1200px;
  height: 6000px;
  margin: 0 auto; }
  #zhuti .toubu {
    width: 100%;
    height: 160px;
    background: white; }
    #zhuti .toubu ul {
      width: 930px;
      height: 20px;
      position: relative;
      top: -70px;
      left: 280px; }
      #zhuti .toubu ul li {
        font-size: 14px;
        width: 150px;
        float: left; }
    #zhuti .toubu .p {
      font-size: 12px;
      position: relative;
      left: 515px;
      top: -70px; }
      #zhuti .toubu .p span {
        color: #E82266; }
    #zhuti .toubu input {
      position: relative;
      top: -40px;
      left: 150px; }
    #zhuti .toubu .gouwuc {
      width: 160px;
      height: 35px;
      background: #353636;
      position: relative;
      top: -126px;
      left: 1030px; }
      #zhuti .toubu .gouwuc img {
        margin-left: 25px;
        margin-top: 5px;
        margin-right: 10px;
        float: left; }
      #zhuti .toubu .gouwuc p {
        padding-top: 10px;
        font-size: 12px;
        color: #EEEEEE; }
        #zhuti .toubu .gouwuc p span {
          color: #E82266; }
    #zhuti .toubu .sousuo {
      width: 40px;
      height: 35px;
      background: #353636;
      position: relative;
      top: -75px;
      left: 963px; }
      #zhuti .toubu .sousuo img {
        padding-top: 5px;
        margin-left: 5px; }
  #zhuti .qbfl {
    width: 210px;
    height: 39px;
    background: #232323;
    text-align: center;
    line-height: 39px;
    color: white;
    position: relative;
    top: -99px;
    left: 40px; }

.banner {
  clear: both;
  width: 100%;
  height: 412px;
  background: blue;
  margin-bottom: -59px; }
  .banner img {
    border-top: 2px solid #2F3030;
    margin-top: -59px;
    width: 100%;
    height: 470px; }
  .banner ul {
    width: 210px;
    height: 470px;
    position: relative;
    top: -474px;
    left: 40px; }
    .banner ul li {
      width: 210px;
      height: 46px;
      background: #333333;
      color: white;
      border-bottom: 1px solid #464646;
      line-height: 46px; }
      .banner ul li p:nth-of-type(1) {
        margin-left: 50px;
        margin-right: 30px;
        font-size: 14px;
        float: left; }
        .banner ul li p:nth-of-type(1) span {
          font-size: 12px; }
      .banner ul li p:nth-of-type(2) {
        color: #797979;
        font-size: 10px; }

.ul1 {
  position: relative;
  top: -500px;
  left: 50%;
  width: 186px;
  height: 8px; }
  .ul1 li {
    width: 30px;
    height: 8px;
    margin-right: 1px;
    background: #232323;
    float: left; }

.cztm {
  clear: both;
  position: relative;
  top: -482px;
  width: 100%;
  height: 380px;
  background: white; }
  .cztm .xiao {
    width: 909px;
    height: 380px;
    float: left; }
  .cztm ul:nth-of-type(1) {
    padding-top: 40px;
    width: 909px;
    height: 44px; }
    .cztm ul:nth-of-type(1) li {
      width: 303px;
      height: 44px;
      line-height: 44px;
      float: left;
      border-bottom: 3px solid #232323;
      text-align: center; }
  .cztm ul:nth-of-type(2) {
    margin-top: 10px;
    width: 909px;
    height: 260px; }
    .cztm ul:nth-of-type(2) li {
      width: 220px;
      height: 260px;
      float: left;
      border: 1px solid #EFEFEF;
      margin-right: 7px; }
  .cztm .ovbig {
    margin-top: 54px;
    margin-left: 15px; }

.yigetu {
  width: 100%;
  margin: 0 auto; }
  .yigetu img {
    width: 100%; }

.ytzg {
  position: relative;
  top: -402px;
  padding-top: 20px;
  width: 100%;
  height: 660px;
  background: white; }
  .ytzg h1 {
    display: inline-block;
    padding-right: 12px;
    margin-right: 5px;
    border-right: 1px solid #2F3030;
    float: left; }
  .ytzg .kuang {
    width: 99.5%;
    height: 576px;
    border: 1px solid #EFEFEF; }
    .ytzg .kuang img {
      margin-top: 10px;
      margin-left: 10px;
      float: left; }
    .ytzg .kuang .da {
      width: 820px;
      height: 576px;
      margin-left: 370px; }
      .ytzg .kuang .da .ulx {
        width: 100%;
        height: 44px; }
        .ytzg .kuang .da .ulx li:nth-of-type(1) {
          width: 130px;
          height: 44px;
          line-height: 44px;
          float: left;
          text-align: center;
          font-weight: bold;
          border-bottom: 3px solid #E82266; }
        .ytzg .kuang .da .ulx li:nth-of-type(2) {
          width: 820px;
          height: 44px;
          line-height: 44px;
          border-bottom: 3px solid #232323; }
      .ytzg .kuang .da .ulx1 {
        width: 100%;
        height: 259px;
        clear: both;
        position: relative;
        top: -520px;
        left: -10px; }
        .ytzg .kuang .da .ulx1 li {
          float: left; }
          .ytzg .kuang .da .ulx1 li img {
            width: 100%;
            height: 100%; }
      .ytzg .kuang .da .ulx2 {
        width: 100%;
        height: 259px;
        clear: both;
        position: relative;
        top: -515px;
        left: -10px; }
        .ytzg .kuang .da .ulx2 li {
          float: left; }

.chaojida {
  clear: both;
  position: relative;
  top: -868px;
  padding-top: 20px;
  width: 100%;
  height: 450px;
  background: white; }
  .chaojida .diyi {
    margin-top: -20px;
    width: 100%;
    height: 450px; }
    .chaojida .diyi h1 {
      display: inline-block;
      padding-right: 12px;
      margin-right: 5px;
      border-right: 1px solid #2F3030;
      float: left; }
    .chaojida .diyi p {
      color: #878787; }
    .chaojida .diyi .kou {
      width: 230px;
      height: 367px;
      border: 1px solid #F1F1F1;
      margin-top: 35px;
      float: left; }
      .chaojida .diyi .kou .shang {
        width: 100%;
        height: 180px;
        margin-top: 20px; }
        .chaojida .diyi .kou .shang ul {
          width: 90%;
          margin: 0 auto; }
          .chaojida .diyi .kou .shang ul li {
            margin-top: 3px;
            width: 30%;
            margin-right: 3px;
            height: 33px;
            float: left;
            border: 1px solid #797979;
            text-align: center;
            line-height: 33px;
            font-size: 12px; }
      .chaojida .diyi .kou .xia {
        width: 200px;
        height: 140px;
        background: #F2F2F2;
        margin: 0 auto;
        border-top: 2px dashed #797979; }
        .chaojida .diyi .kou .xia ul {
          width: 160px;
          height: 50px;
          margin: 0 auto;
          margin-bottom: 5px; }
          .chaojida .diyi .kou .xia ul li {
            width: 75px;
            height: 50px;
            float: left;
            margin-right: 5px; }
            .chaojida .diyi .kou .xia ul li img {
              width: 100%;
              height: 100%; }
        .chaojida .diyi .kou .xia .pao {
          position: relative;
          top: -65px; }
          .chaojida .diyi .kou .xia .pao span {
            font-size: 12px; }

.you {
  width: 551px;
  height: 371px;
  margin-left: 635px;
  margin-top: 34px; }
  .you ul:nth-of-type(1) {
    width: 550px;
    height: 181px;
    margin-bottom: 5px; }
    .you ul:nth-of-type(1) li {
      width: 270px;
      height: 181px;
      float: left;
      margin-right: 5px; }
      .you ul:nth-of-type(1) li img {
        border: 1px solid #F0F0F0;
        width: 100%;
        height: 100%; }
  .you ul:nth-of-type(2) {
    width: 550px;
    height: 181px; }
    .you ul:nth-of-type(2) li {
      margin-right: 5px;
      width: 270px;
      height: 181px;
      float: left; }
      .you ul:nth-of-type(2) li img {
        border: 1px solid #F0F0F0;
        width: 100%;
        height: 100%; }

footer {
  margin: 0 auto;
  width: 1200px;
  height: auto; }
  footer img {
    width: 100%; }
